<template>
    <div class="fans-tooltip">
      <!-- <p>点击这里可通过下面的操作增加粉丝数量哦~</p> -->
      <p>{{title}}</p>
      
      <!-- <div class="white-star">
        <img src="../assets/images/guide-star.png" alt="">
      </div> -->
      <slot></slot>
    </div>
</template>

<script>
export default {
  props:{
    title:{
      type:String,
      default:'点击这里可通过下面的操作增加粉丝数量哦~',
    }
  }
}
</script>

<style scoped>
  .link-tooltip,
  .fans-tooltip{
    width:267px;
    border-radius:31px;
    word-wrap:break-word;
    padding:14px 27px;
    box-sizing: border-box;
    position:absolute;
    top:160px;
    left:-2px;
    z-index:1000;
    background:linear-gradient(to right,#2aa3e4,#2ba3e4,#0f9ae5,#0096e6);
    color:#ffffff;
  }
  .link-tooltip p ,
  .fans-tooltip p{
    text-align: justify;
    line-height: 1.2;
    letter-spacing: 0.5px;
  }
</style>
